.add_role_content {
    // height: calc(100vh - 185px);
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;

    .add_role_ipt_row {
        height: 50px;
        width: 100%;
        display: flex;
    }

    .role_user {
        width: 40vw;
    }

    .ipt_tree_box {
        width: 100%;
        // height: calc(100vh - 235px);

        .check_group_content {
            width: 100%;
            display: flex;
            flex-wrap: wrap;

            .checked_group_box {
                border: 1px solid #eee;
                min-width: 200px;
                padding: 10px 20px;
                margin: 10px 20px;

                >.ant-checkbox-wrapper{
                    padding: 10px;
                }
                .ant-checkbox-group{
                    display: block;
                    padding: 15px 10px;
                }
            }
        }
    }
}

.role_power_box {
    width: 50vw;
    height: 700px;
    overflow-y: auto;
    .role_power_row {
        display: flex;
        align-items: center;
        padding: 10px;
        font-size: 12px;

        .role_power_row_title {
            width: 10rem;
            text-align: right;
        }

        .role_power_line {
            display: flex;
            flex-wrap: wrap;
            max-width: calc(50vw - 15rem);

            .role_power_row_conteten {
                display: flex;
                align-items: center;
                margin-right: 5px;
            }
        }
    }
}